import { useNavigate } from 'react-router-dom'

const User = () => {
  const navigate = useNavigate()
  const handle = () => {
    navigate('/login') // 页面栈中加入一个页面
    // navigate('/login', {
    //   replace: true, // 是否替换历史记录，默认为false
    // })
  }
  return (
    <>
      <h1>User页面</h1>
      <button onClick={handle}>跳转登录</button>
      <button
        onClick={() => {
          // 返回上一页
          navigate(-1)
        }}
      >
        返回
      </button>
    </>
  )
}

export default User
